﻿
/* styles for the inner ProgressBar */

.obout_ajax__fileupload .obout_ajax__progressbar
{
        border:1px solid #6A8FEB;
        width:100%;
        height:20px;
        color:#6A8FEB;
        background-color: #FFFFFF;
        padding: 0px;
        margin: 0px;
        margin-top:1px;
}
.obout_ajax__fileupload .obout_ajax__progressbar_completed
{
		border-color: Green;
}
.obout_ajax__fileupload .obout_ajax__progressbar_error
{
		border-color: Red;
}
.obout_ajax__fileupload .obout_ajax__progressbar div.text
{
        padding: 0px;
        margin: 0px;
        text-align:center;
        font-size: 12px;
        font-family: Verdana;
        padding-left: 1px;
}
.obout_ajax__fileupload .obout_ajax__progressbar div.progress
{
        background-image:url(<%=WebResource("Obout.Ajax.UI.FileUpload.Images.Progress.gif")%>);
        padding: 0px;
        margin: 0px;
}
.obout_ajax__fileupload .obout_ajax__progressbar_completed  div.progress
{
        background-color: #E0FFE0;
        background-image: none;
        padding: 0px;
        margin: 0px;
}
.obout_ajax__fileupload .obout_ajax__progressbar_error  div.progress
{
        background-color: #FFE0E0;
        background-image: none;
        padding: 0px;
        margin: 0px;
}
.obout_ajax__fileupload .obout_ajax__progressbar div.progress .text
{
        position:absolute;
        text-align:center;
        color:blue;
        font-size: 12px;
        font-family: Verdana;
        margin: 0px;
        padding: 0px;
        padding-top: 2px;
}
.obout_ajax__fileupload .obout_ajax__progressbar_completed  div.progress .text
{
		color: Green;
}
.obout_ajax__fileupload .obout_ajax__progressbar_error  div.progress .text
{
		color: Red;
}
.obout_ajax__fileupload .obout_ajax__progressbar div.text
{
        text-align:center;
        font-size: 12px !important;
        font-family: Verdana;
        padding-top: 2px;
}

/* styles for other inner elements */

/* textbox */
.obout_ajax__fileupload input.textbox
{
    border:1px solid #6A8FEB;
    background-color: White;
    color: #6A8FEB;
    text-align: center;
    font-size: 12px !important;
    font-family: Verdana;
    height:23px;
}

/* DIV with the selected files list */
.obout_ajax__fileupload div.fileslist
{
    background-color: White !important;
    border:1px solid #6A8FEB !important;
    margin:0px !important;
    padding:0px !important;
    padding-bottom:2px !important;
    padding-right: 2px !important;
    padding-left:2px !important;
}

/* files list item */
.obout_ajax__fileupload div.fileslistitem
{
    color: #6A8FEB;
    font-family: Verdana;
    font-size:12px;
    margin-top :2px;
}

/* the control's container */
div.obout_ajax__fileupload
{
    position:relative;
    border:1px solid black;
    padding:2px;
    background-color: #E0E0E0;
    border-radius: 5px;  
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;
    text-align:left;
}